<%-- 
    Document   : Registro
    Created on : 10-oct-2012, 19:22:00
    Author     : Pavilion
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<title>Registro Nuevo Usuario</title>
	<link rel=StyleSheet href="styles.css" type="text/css" media="screen"/>

<script type="text/javascript">
	 function verificarForm(form){
 		if ((form.nombre.value=="")||form.nombre.value.lenght==0){
			alert ("Debe ingresar el nombre del titular de la cuenta");
			form.nombre.focus();
			return false;
		}             
		if ((form.apellido.value=="")||form.apellido.value.lenght==0){
			alert ("Debe ingresar su apellido del titular de la cuenta");
			form.apellido.focus();
			return false;
		}
                if ((form.tipodoc.value=="0") || (form.tipodoc.value=="Seleccione Tipo Documento")){
                         alert("Debe seleccionar el tipo de documento"); 
 			 form.tipodoc.focus();
			 return false;
		}                 
 		if ((form.dni.value=="")||form.dni.value.lenght==0){
			alert ("Debe ingresar el nro de documento del titular de la cuenta");
			form.dni.focus();
			return false;
		}

                if (isNaN(form.dni.value)){
		    alert ("Debe ingresar un número de documento válido. Debe contener solo caracteres numéricos");                    
                    form.dni.focus();
                    return false;
                   }

                if((form.dni.value.length<7)||(form.dni.value.length>9)){                   
                    alert ("Debe ingresar un número documento válido cuyo tamaño debe ser de 7 / 8 cifras.");                    
                    form.dni.focus();
                    return false;                    
                   }
                   
                if ((form.email.value=="")||form.email.value.lenght==0){
			alert ("Debe ingresar un e-mail");
			form.email.value="";
			form.email.focus();
                        return false;                       
                }else{  
                        valor = validarEmail(form.email.value);
                        if (valor = false){
                        alert ("Debe ingresar un email válido");
			form.email.focus();			
                        return false;
                        } 
		}
                if ((form.calle.value=="")||form.calle.value.lenght==0){
			alert ("Debe ingresar la Calle de la dirección que en que reside");
			form.calle.focus();
			return false;
		}
  	 	if ((form.nro.value=="")||form.nro.value.lenght==0){
			alert ("Debe ingresar la altura la calle en que reside o en su defecto S/N");
			form.nro.focus();
			return false;
		}
                
                if (form.nro.value.toUpperCase()!="S/N") {
                 if (isNaN(form.nro.value)){
		    alert ("Debe ingresar una altuara válido. Debe contener solo caracteres numéricos o en su defecto S/N.");                    
                    form.nro.focus();
                    return false;
                 }
                }
                
 		if ((form.localidad.value=="")||form.localidad.value.lenght==0){
			alert ("Debe ingresar la localidad en la que reside");
			form.localidad.focus();
			return false;
		}
                
 		if ((form.provincia.value=="")||form.provincia.value.lenght==0){
			alert ("Debe ingresar la provincia en la que reside.");
			form.provincia.focus();
			return false;
		}
		if ((form.pais.value=="")||form.pais.value.lenght==0){
			alert ("Debe ingresar el pais de residencia.");
			form.pais.focus();
			return false;
		}                  
	 	if ((form.usuario.value=="")||form.usuario.value.lenght==0){
			alert ("Debe asignar un nombre de usuario");
			form.usuario.focus();
			return false;
		}
		if ((form.pass.value=="")||form.pass.value.lenght==0){
			alert ("Debe asignar una contraseña");
			form.pass.focus();
			return false;
		}
                
                if((form.pass.value.length<3)||(form.pass.value.length>10)){                   
                    alert ("Su contraseña debe contener como mínimo 3 caracteres y como máximo 10.");                    
                    form.dni.focus();
                    return false;                    
                   }                
		form.submit();
	 }

function validarEmail(value){ 
    var ExpRegular = /(\w+)(\.?)(\w*)(\@{1})(\w+)(\.?)(\w*)(\.{1})(\w{2,3})/;
     if(ExpRegular.test(value)) { 
        return true; 
    }else{ 
        return false; 
    }
}    
function validarTel(value)  {
if (isNaN(value)) {

return ("false");
}
}
</script>

</head>

<body class="ubicacion" style="margin: auto">    

<div class="header" >
<Div  style="width: 100%; height: 80px; background-color: blue"  > 
    <H4>MUNICIPALIDAD DE PUERTO DESEADO</H4>
    <H5>Agencia de Recaudaci&oacute;n Municipal</H5>
</Div>
<HR size="2" color="negro"/>

<div class="header">
    <img src="imagenes\escudodeseado.jpg" Style="text-decoration:underline; width: 100px; height: 100px; border: 0px; padding: 0px; margin: 0px" alt="" />
    <img src="imagenes\PDeseado.jpg" Style="text-decoration:underline; width: 700px; height: 100px; border: 0px; padding: 0px; margin: 0px" alt=""/>
</div>

<HR size="2" color="negro"/>
</div>

<HR size="2" color="negro"/>

<form  action="ServletRegistrarse"  method="post" name="Registro" id="Registro" onSubmit="verificarForm(this); return false;">
<div >
    <h1 class="h12" style="margin-bottom: 10px">Registro de Nuevo Usuario</h1>
</div>

<HR size="2" color="negro" style="margin-bottom: 5px; margin-top: 15px;"/>

<div style="width: 100%; height: 30px; background-color: rgba(128, 128, 128, 0.19)" >
    <h1 class="h12" style="color: blue; margin-top: 5px; margin-bottom: 5px">Datos Personales</h1>
</div>   
<HR size="2" color="negro" style="margin-bottom: 5px; margin-bottom: 5px;"/>

<div style="margin-bottom: 10px; margin-top: 15px; width: 100%">
<p class="txt-8">Todos los campos son obligatorios excepto "Piso" y "Departamento"</p>    
    <div style="display: inline-block; width: 395px"><label class="eti_fondo" for="nombre">Nombre: </label>
        <input style="display: inline-box;" name="nombre" type="text" id="nombre" size="40"/>
    </div>
    <div style="display: inline-block; width: 395px"><label class="eti_fondo" for="dni">Apellido: </label>
        <input style="display: inline-box;" name="apellido" type="text" id="apellido" size="40"/>
    </div>
</div>
<div style="margin-bottom: 10px; margin-top: 15px; width: 100%">
<div style="display: inline-block; width: 250px">
    <label class="eti_fondo" for="tipodoc">Tipo Doc: </label>
    <SELECT style="display: inline-box; width: 100px"  name="tipodoc" id="tipodoc" >
        <option value="0" selected="">Seleccione Tipo Documento</option>
       <OPTION value="1">DNI</option>
       <OPTION value="2">CI</option>
       <OPTION value="3">LE</option>
       <OPTION value="4">LC</option>
       <OPTION value="5">Pasaporte</option>                        
    </SELECT>
</div>
    <div style="display: inline-block; width: 520px">
        <label class="eti_fondo" for="dni">Documento de Identidad: </label>
        <input style="display: inline-box; maxlenght:8" name="dni" type="text" id="dni" size="40"/>
    </div>
</div>
<div ><label class="eti_fondo" for="email">E-mail: </label>
        <input style="display: inline-box;" name="email" type="text" id="email" size="40"/>
    </div>
<HR size="2" color="negro" style="margin-bottom: 5px; margin-top: 15px;"/>
<div style="width: 100%; height: 30px; background-color: rgba(128, 128, 128, 0.19)" >
    <h1 class="h12" style="color: blue; margin-top: 5px; margin-bottom: 5px">Domicilio</h1>
</div>   
<HR size="2" color="negro" style="margin-bottom: 15px; margin-top: 5px;"/>

<div style="margin-top: 5px; margin-bottom: 15px">
    <div style="display: inline-block; width: 350px"><label class="eti_fondo" for="calle">Calle: </label>
    <input style="display: inline-box;" name="calle" type="text" id="calle" size="40"/></div>

    <div style="display: inline-block; width: 160px"><label class="eti_fondo" for="nro">Nro: </label>
    <input style="display: inline-box;" name="nro" type="text"  id="nro" size="5"/></div>

    <div style="display: inline-block; width: 140px"><label class="eti_fondo" for="piso">Piso: </label>
    <input style="display: inline-box;" name="piso" type="text"  id="piso" size="2"/></div>
    
    <div style="display: inline-block; width: 140px"><label class="eti_fondo" for="depto">Dpto: </label>
    <input style="display: inline-box;" name="depto" type="text"  id="depto" size="2"/></div>    
</div> 
<div style="margin-bottom: 10px; margin-top: 15px; width: 100%">
    <div style="display: inline-block; width: 300px"><label class="eti_fondo" for="localidad">Localidad: </label>
        <input style="display: inline-box;" name="localidad" type="text" id="localidad" size="20"/>
    </div>
    <div style="display: inline-block; width: 300px"><label class="eti_fondo" for="provincia">Provincia: </label>
        <input style="display: inline-box;" name="provincia" type="text" id="provincia" size="20"/>
    </div>
    <div style="display: inline-block; width: 195px"><label class="eti_fondo" for="pais">Pa&iacute;s: </label>
        <input style="display: inline-box;" name="pais" type="text" id="pais" size="15"/>
    </div>    
</div>
<HR size="2" color="negro" style="margin-bottom: 5px; margin-top: 15px;"/>
<div style="width: 100%; height: 30px; background-color: rgba(128, 128, 128, 0.19)" >
    <h1 class="h12" style="color: blue; margin-top: 5px; margin-bottom: 5px">Datos de Usuario</h1>
</div>   
<HR size="2" color="negro" style="margin-bottom: 15px; margin-top: 5px;"/>
<div style="margin-top: 5px; margin-top: 5px">
    <div style="display: inline-block; width: 380px"><label class="eti_fondo" for="usuario">Usuario: </label>
    <input style="display: inline-box; width: 150px" name="usuario" type="text" id="usuario" size="50"/></div>

    <div style="display: inline-block; width: 380px"><label class="eti_fondo" for="pass">Contraseña: </label>
    <input style="display: inline-box; width: 150px; maxlenght:10" name="pass" type="text"  id="pass" size="50"/></div>
</div> 

<div >
    <p class="boton" style="margin-top: 25px; width: 100%; text-align: center"><input name="registrar" type="image" id="registrar" value="registrar" src="imagenes\boton-enviar.gif" style="margin: auto; border: 0px" alt=""/></p>
</div>

<div>
   <HR class="ubicacion" size="2" color="negro" style="margin-top: 40px; margin-bottom: 0px"/>    
   <p align="center" ><a href="javascript:history.go(-1)">Volver</a> - <a href="ServletSalir">Cerrar Sesi&oacute;n</a></p>       
</div>
 <% if (request.getParameter("status")!=null) {
       int status= Integer.valueOf(request.getParameter("status"));
        if (status==0) 		 
           {%>
           <script> alert ("El nombre de usuario seleccionado ya esta en uso. Cambielo e intentelo nuevamente");</script>
 <%
}
       else if (status==1)
{
%>
            <script>alert ("Este usuario ya esta registrado");</script>  
 <%
}
else
{
%>   
            <script>alert ("Ha ocurrido un error al cargar los datos. Inténtelo de nuevo.");</script>  
           <% }
                      }
                   %>   
</form>

</body>
</html>





